﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Min and Max Dates</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
	<link href="../../../../src/ui/calendar/datepicker/default.css" rel="stylesheet" type="text/css" />
	<link href="../../../../src/ui/calendar/datepicker/vista/vista.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<h1>
		Min and Max dates</h1>
	<p>
		This demo shows the <code>minDate</code> and <code>maxDate</code> options. You can
		set them to a certain date so the user cannot select a date outside that limits.
		The limits are set to <code id="min"></code>and <code id="max"></code>.
	</p>
	<p>
		Input:<br />
		<input type="text" id="myInput" />
	</p>
	<p>
		Input (option is set as string):<br />
		<input type="text" id="myInput2" />
	</p>
	<p>
		Input (only a few dates are available):<br />
		<input type="text" id="myInput3" />
	</p>
	<p>
		Input (invert previously available dates):<br />
		<input type="text" id="myInput4" />
	</p>
	<p>
		Input with only maxDate:<br />
		<input type="text" id="myInput5" value=" 6 Nov 2010" />
	</p>
	<script type="text/javascript" charset="utf-8" src="../../../../src/loader.js"></script>
	<script type="text/javascript">		HmJS.$JSManager.$basepath = '../../../../src/';</script>
	<script type="text/javascript" charset="utf-8" src="../../../../src/demo/action/ui/calendar/datepicker/minmaxdate.js"></script>
</body>
</html>
